@CHARSET "utf-8";

html
{
	overflow-y:scroll;
}

/* 달력 + 컨트롤 묶음 최상위 DIV */
#calendar_div
{
	position: absolute;
	width: 999px;
	min-height : 514px;
	margin: 4px 15%;
	padding: 0;
}

/* 달력 */
#calendar_view
{
	float : left;
	width: 626px;
	height: 100%;
	margin: 0;
	padding: 0;
}

#calendar_view #calendar_table
{
	font-family: 'Nanum Gothic', sans-serif;
	
	border-collapse: collapse;
	
	width: 100%;
	height: 100%;
	
	background: #242930;
	border: 4px solid #0e1013;
	border-collapse: separate;
	border-radius: 7px 7px 6px 6px;
	-webkit-box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
	
	z-index : -5;
}

#calendar_view #calendar_table_body
{
	
}

#calendar_view th, td, p
{
	margin : 0;
	padding: 0;
	vertical-align: inherit;
}

#calendar_view #title
{
	position : relative; 
	
	text-align : center;
	height : 40px;
	
	border: 1px solid #1b1e25;
	border-width: 0 1px;
}

#calendar_view #title_div
{
	position :relative;
	margin : 0;
	padding : 2px 0;
	
	width: auto;
	height: 100%;
	
	line-height: 12px;
	background: #333941;
	border: 1px solid #1b1e24;
	border-bottom-color: #181b21;
	border-radius: 8px 8px 0 0;
	background-image: -webkit-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: -moz-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: -o-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: linear-gradient(to bottom, #414b56, #323841 50%, #2b323a 50%, #252a31);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
	font-weight: bold;
}

#calendar_view #title #b_rpev
{
	color : #aeadaf;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	
	vertical-align:bottom;
}

#calendar_view #title #b_next
{
	color : #aeadaf;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	
	vertical-align:bottom;
}

#calendar_view #title #b_reset
{
	color : #9e9daf;
	font-size : 8pt;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	
	vertical-align:bottom;
}

#calendar_view #title #b_date
{
	font-size : 10pt;
	
	color : #eeedec;
	text-shadow: 0 0px 6px rgba(255, 255, 255, 0.2), 0 0px 2px rgba(122, 122, 255, 0.4);
	
	vertical-align:sub;
}

#calendar_view #week
{
	text-align: center;
	
	top : 30px;
	height : 20px;
	
	margin-top : 10px;
	padding-top : 8px;
	
	line-height: 100%;
	padding-bottom: 1px;
	font-weight: bold;
	border:8px #2C2F2D solid;
	
/* 	font-family: 'Nanum Brush Script', cursive; */
	font-weight:bold;
	letter-spacing: -1px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #232833;
	
	z-index : -4;
}

#calendar_view #week #week_red
{
	width : 86px;
	color : #ee8d8c;
}

#calendar_view #week #week_just
{
	width : 86px;
	color : #eeedec;
}

#calendar_view #week #week_blue
{
	width : 86px;
	color : #8e8dec;
}

#calendar_view #block_week
{
	text-align: center;
	border:4px #FCFFFD solid;
	
	z-index : -3;
}

#calendar_view #block_day
{
	position: relative;
	
	width : 86px;
	text-align: center;
	
	color : #d7d7d7;
	
	background-image: -webkit-linear-gradient(rgb(107,107,107), rgb(76,78,81));
	background-image: -moz-linear-gradient(rgb(107,107,107), rgb(76,78,81));
	background-image: -o-linear-gradient(rgb(107,107,107), rgb(76,78,81));
	background-image: linear-gradient(rgb(107,107,107), rgb(76,78,81));
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 1px 0 0 rgba(255,255,255,0.15) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 1px 0 0 rgba(255,255,255,0.15) inset;
}

#calendar_view #block_day_overlap
{
	background-image: -webkit-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: -moz-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: -o-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: linear-gradient(rgba(35,35,35,1.0), rgba(76,78,81,0.6));
	
/* 	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.45) inset, 0 1px 4px rgba(0,0,0,0.2) inset; */
/* 	box-shadow: 0 0 7px rgba(0,0,0,0.45) inset, 0 1px 4px rgba(0,0,0,0.2) inset; */
	
	filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;
	z-index : 8;
	
	width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
	
	height: -moz-calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
	
	display:inline-block;
	position: absolute;
	top: -2px;
	left: -2px;
}

#calendar_view #block_day_overlap:hover
{
	
}

#calendar_view #block_day_overlap_on,
#calendar_view #block_day_overlap_on:visited
{
	background-image: -webkit-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: -moz-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: -o-linear-gradient(top, #000, #232323 20%, #4e4e4e);
	background-image: linear-gradient(rgba(35,35,35,1.0), rgba(76,78,81,0.2));
	
	filter:alpha(opacity=10); -khtml-opacity:0.1; -moz-opacity:0.1; opacity:0.1;
	z-index : 7;
	
	width: -moz-calc(100% + 4px);
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
	
	height: -moz-calc(100% + 4px);
    height: -webkit-calc(100% + 4px);
    height: calc(100% + 4px);
	
	display:inline-block;
	position: absolute;
	top: -2px;
	left: -2px;	
	
	-webkit-transition: background 0.45s;
	-moz-transition: background 0.45s;
	-o-transition: background 0.45s;
	transition: background 0.45s;
}

#calendar_view #block_day_overlap_on:hover
{
	background  : #c3c7cb;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

/* #calendar_view #block_day_overlap_on:focus, */
#calendar_view #block_day_overlap_on:active
{
	background  : #000;
	filter:alpha(opacity=0); -khtml-opacity:0.0; -moz-opacity:0.0; opacity:0.0;
}

#calendar_view li
{
	list-style: none;
	
	height: 12px;
}

#block_day_bar
{
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 6pt;
	
	margin: 4px 0 4px 0;
}

#calendar_view #block_day_bar #outline
{
	height: 100%;
}

#calendar_view #block_day_bar #outline_on
{
	height: 100%;
	
	-webkit-box-shadow : 0 1px 2px #181c21;
	box-shadow : 0 1px 2px #181c21;
}

#calendar_view #block_day_bar #inline
{
	height: 100%;
}

#calendar_view #block_day_bar #inline_on
{
	padding: 1px 0 0 0;
	
	color : #444;
	text-shadow: 0 0px 3px rgba(255, 255, 255, 0.7), 0 0 1px rgba(0, 0, 0, 0.9);
	
	height: 100%;
	
/* 	-webkit-transition:-webkit-box-shadow 0.5s; */
/*     transition:box-shadow 0.5s; */
}

#calendar_view #block_day_bar #inline_on_test
{
	padding: 1px 0 0 0;
	
	color : #fff;
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
	
	height: 120%;
	
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 1px 0 0 rgba(255,255,255,0.15) inset;
	box-shadow: 0 1px 0 rgba(32,32,32,0.5) inset;
}


#calendar_view a, a:link, a:visited, a:active
{
  color: #333;
  text-decoration: none;
  border-radius: 2px;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s;
  transition: background 0.1s;
}
#calendar_view a:hover
{
  text-decoration: none;
  background: #8a8a8a;
  background: rgba(0, 0, 0, 0.3);
  
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset, 1px 0 0 rgba(255,255,255,0.15) inset;
  box-shadow: 0 1px 0 rgba(32,32,32,0.5) inset;
}

#service_message
{
	width: 100%;
	height: 100%;
	text-align : center;
	
	color : #0f0f0f;
	
	-webkit-transition: all 8.25s;
	-moz-transition: all 8.25s;
	-o-transition: all 8.25s;
	transition: all 8.25s;
}

html:hover #service_message
{
	padding: 80px 0;
	margin-top: 40px;
	
	color : #efeeed;
}


/* 컨트롤 */
#calendar_control
{
	/* 불가피하게.. */
	clear: both;
	display: table-cell;
	
    width: 360px;
	
	height: -moz-calc(100% + 80px);
    height: -webkit-calc(100% + 80px);
    height: calc(100% + 80px);
	
	margin: 0;
	padding: 0;
	
	text-align : center;
	
	background: #242930;
	border: 4px solid #0e1013;
	border-collapse: separate;
	border-radius: 7px 7px 6px 6px;
	-webkit-box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px #181c21, 0 2px #14171b, 0 3px 3px rgba(0, 0, 0, 0.3);
}

#calendar_control #form_fixed
{
	position : relative; 
	
	font-size: 12px;
	text-align: right;
	
	min-height : 140px;
	
	margin : 2px;
	
	border: 4px solid #1b1e25;
	border-width: 0 1px;
	
	border-bottom-color: #181b21;
	border-radius: 16px;
	background-image: -webkit-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #131B24);
	background-image: -moz-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #131B24);
	background-image: -o-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #131B24);
	background-image: linear-gradient(to bottom, #414b56, #323841 50%, #2b323a 50%, #131B24);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
	
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	font-weight: bold;
	
	display : none;
}

#calendar_control input
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	text-align : right;
	
	color: #bbb;
	text-shadow: 1px 1px 1px black;
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	
	padding-left: 4px;
}

#calendar_control #input_s_yy,
#calendar_control #input_e_yy
{
	font-size: 12px;
	width: 50px;
	
	display : none;
}

#calendar_control #input_s_mm,
#calendar_control #input_e_mm
{
	font-size: 12px;
	width: 30px;
	
	display : none;
}

#calendar_control #input_s_dd,
#calendar_control #input_e_dd
{
	font-size: 12px;
	width: 30px;
	
	display : none;
}

#calendar_control #form_additional
{
	
}

#calendar_control #form_head_info,
#calendar_control #form_head_join
{
	//font-family: 'Nanum Gothic', sans-serif;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	
	font-size : 18pt;
	font-weight : bold;
	//letter-spacing : 8px;
	color : #ebecef;
	text-shadow: 0 0px 4px rgba(255, 255, 255, 0.2), 0 0px 2px rgba(122, 122, 255, 0.4);
	
	line-height: 34px;
	height: 38px;
	
	//text-decoration: overline;
	
	text-align : center;
	
	background: #333941;
	border: 1px solid #1b1e24;
	border-bottom-color: #181b21;
	border-radius: 8px 8px 0 0;
	background-image: -webkit-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: -moz-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: -o-linear-gradient(top, #414b56, #323841 50%, #2b323a 50%, #252a31);
	background-image: linear-gradient(to bottom, #414b56, #323841 50%, #2b323a 50%, #252a31);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.4);
	
	
	display: none;
}

#calendar_control #form_head_line
{
	height : 23px;
	border-bottom: 1px solid #232833;
	background : #000000;
	color : #607e8f;
	
	-webkit-box-shadow: inset 0 0 5px rgba(41, 48, 56, 0.8), inset 0 0 2px rgba(23, 40, 55, 0.6);
	box-shadow: inset 0 0 5px rgba(41, 48, 56, 0.8), inset 0 0 2px rgba(23, 40, 55, 0.6);
	
	margin-bottom: 8px;
	
	display: none;
}

#calendar_control .slider-bar {
position:relative;
width:100px;
height:10px;
border:1px solid #444;
border-radius: 5px;
cursor:pointer;

}

#calendar_control .slider-bar .slider-slider {
position:absolute;
width:0%;
height:100%;
border-radius: 5px;
background-color: #bbb;
top:0px;
left:0px;
}

#calendar_control .slider-bar .slider-slider .slider-toggle {
position:absolute;
width: 4px;
height: 150%;
top: -40%;
right: -3px;
border:1px solid #444;
background-color: #eee;
}

#calendar_control #form_info1,
#calendar_control #form_info2,
#calendar_control #form_info3
{
	display : none;
}

#calendar_control #form_join1,
#calendar_control #form_join2,
#calendar_control #form_join3
{
	display : none;
}

#calendar_control #input_room
{
	font-size: 24px;
	width: 150px;
	height: 50px;
	text-align: center;
	
	display : none;
}

#calendar_control #input_room_number
{
	font-size: 18px;
	width: 43px;
	height: 50px;
	text-align: center;
	
	display : none;
}

#calendar_control #input_people
{
	font-size: 12px;
	width: 30px;
	
	display : none;
}

#calendar_control #input_regdate
{
	font-size: 7px;
	font-variant : inherit;
	width: 150px;
	text-align: center;
	
	display : none;
}

#calendar_control #label_pricetotal
{
	font-variant: small-caps;
	font-size: 24px;
	width: 250px;
	
	display : none;
}

#calendar_control #input_pricetotal
{
	font-size: 28px;
	width: 100%;
	height: 50px;
	text-align: right;
	
	display : none;
}

#calendar_control #label_option
{
	font-size: 16px;
	width: 100%;
	text-align: right;
	font-variant: small-caps;
	
	//display : none;
}

#calendar_control #input_option_1,
#calendar_control #input_option_2,
#calendar_control #input_option_3
{
	display : block;
	
	//display : none;
}

#calendar_control #form_options
{
	
	
	//display : none;
}

#calendar_ect
{
	width: 1px;
	height: 1px;
	display: inline;
	position: absolute;
}

#form_room_list
{
	//display : none;
}

#point
{
	position: absolute;
	width : 88px;
	height: 12px;
	background-color: #8f8fff;
	border:1px solid #444;
	filter:alpha(opacity=20); -khtml-opacity:0.2; -moz-opacity:0.2; opacity:0.2;
	border-radius: 5px;
}

#calendar_control #input_room_selecter
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width : 190px;
	height : 60px;
	
	text-align : right;
	
	color: #bbb;
	text-shadow: 1px 1px 1px black;
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	
	padding-left: 4px;
}

#calendar_control .b_join
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #e3e3e3;
	display:block;
	color:#e7e0e7;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:22px;
	font-weight:bold;
	height:28px;
	width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 1px #0f0f0f , 0 1px 1px #0f0f0f;
	
	position:relative;
	left : 50%;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
#calendar_control .b_join:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	
	text-decoration: none;
}

#calendar_control .b_join:active {
	
	text-shadow:0px 0px 1px #efefef , 0 1px 1px #efefef;
	color:#474047;
	
	text-decoration: none;
}